<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐友首页-圈子贴吧</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/circleInfo.min.css?v=<%=$version%>">
</head>
<body>
<div id="circleInfo" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        圈子资料
        <strong class="seeIndex-setUp" @click="getNext(3)" v-if="groupInfo.isMain==1">设置</strong>
        <!--<span class="circleBar-sear"></span>-->
        <!--<span class="seeIndex-more"></span>-->
    </div>
    <div class="circleBar-cent">
        <div class="circleBar-centTop">
            <span class="centTop-head" :style="bgimg(groupInfo.coverImgSrc)"></span>
            <div class="centTop-right">
                <h6>{{groupInfo.name}}</h6>
                <p>{{groupInfo.categoryName}}<span>&bull;</span>{{groupInfo.userCount}}人</p>
            </div>
            <p v-if="isShow">{{groupInfo.introduction}}</p>
        </div>
        <!--<strong class="circleBar-jrqz" v-if="state==1" @click="joinGroup()"></strong>-->
        <template  v-if="groupInfo.isMain==0">
            <strong class="circleBar-jrqz" @click="joinGroup()" v-if="state==1"></strong>
            <strong class="circleBar-yjr" v-if="state==2" @click="getIsClassify()"></strong>
            <!--<strong class="circleBar-ql" @click="getNext(1)"></strong>-->
        </template>
        <div class="circleBar-abstract">
            <h5 class="circleBar-h5Title">圈子简介</h5>
            <p>{{groupInfo.introduction}}</p>
        </div>
        <div class="circleBar-remind">
            <h5 class="circleBar-h5Title">群聊消息提醒
                <span class="adDetails-centBtn" :class="{'adDetails-centBtn1':remind==0}" @click="updateGroupRemind()">打开</span>
            </h5>
        </div>
        <div class="circleBar-member">
            <h5 class="circleBar-h5Title">圈子成员<span>{{groupInfo.userCount}}</span></h5>
            <div class="member-cent clearfix">
                <a v-for="item in groupInfo.members" @click.stop="getUser(item.uid)">
                    <span :style="bgimg(item.headImg)"></span>
                    <p>{{item.uName}}</p>
                </a>
                <!--<a href="">-->
                <!--<span></span>-->
                <!--<p>找找同学同学</p>-->
                <!--</a>-->
                <strong class="centCent-more" @click="getNext(2)"></strong>
            </div>
        </div>
        <div class="circleBar-centCent">
            <h5 class="circleBar-h5Title">商品<span>{{goodslength}}</span></h5>
            <div class="centCent-top clearfix">
                <span v-for="(item,index) in groupInfo.products" v-if="index<4" :style="bgimg(item.imgSrc)"></span>
                <strong class="centCent-more" @click="getNext(4)"></strong>
            </div>
        </div>
        <div class="circleBar-notice">
            <h5 class="circleBar-h5Title">置顶和公告</h5>
            <template v-for="item in groupInfo.posts">
                <div class="circleBar-noticeTop" v-if="item.isNotice==1" @click="getPost(item.postId)">
                    <h6><span>公告</span>{{item.title}}</h6>
                    <p>{{item.content}}</p>
                </div>
                <div class="circleBar-noticecent" v-if="item.isTop==1" @click="getPost(item.postId)">
                    <h6><span>公告</span>{{item.title}}</h6>
                    <p>{{item.content}}</p>
                </div>
            </template>
        </div>
    </div>
    <pop-view v-show="pop.show" @on="getIsClassify()" :question="pop.question" @ok="quitGroup()"></pop-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/friend/circleInfo.js?v=<%=$version%>"></script>

</body>
</html>